<header>
  <h1 class="head">My Website</h1>
  <%- include('footer.html') %>
  <img src="/imgs/abc.jpg" alt="" srcset="">
  <ul>
    <% for( let i = 0; i < list.length; i++ ) { %>
    <li style="color: blue;">
      <%= list[i] %>
    </li>
    <% } %>
  </ul>
  <%= (function(){ return `<span>Hello World</span>` })() %>
</header>

<script>
  console.log('Hello World');
</script>

<script aot>
  const list = [1, 2, 3];
  const sum = list.reduce((acc, cur) => acc + cur, 0);
  console.log(sum);
  const fnc = () => {
    list.push(4);
    list.push(4);
    list.push(4);
    list.push(5);
  }
  fnc();
</script>

<script>
  // import '../css/head.css'
  console.log('css 2---22 44 000 4 00 4 11 444 1  4 4 151  222 66666 11111 222 1  4444 5 qqq 33 ')
</script>

<style>
  /* @import url('F:/项目文件/自己公司/vite-ssg/src/css/style.css'); */
  @import url('../css/style.css');

  h1 {

    color: red;
    font-weight: 400;
    font-size: 2rem;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 20px;
    text-shadow: 2px 2px 2px #000;
    align-self: start;

  }
</style>

<style>
  div {
    border: 1px solid green;
    background: url('../imgs/abc.jpg') no-repeat center center;
    background-size: cover;
  }
</style>